<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <title>结算</title>
    <link rel="stylesheet" href="../css/common/merge.css">
    <link rel="stylesheet" href="../css/page/trade/merge.css"/>
    <link rel="stylesheet" href="../css/page/trade/outerTradeResult.css"/>
</head>
<body>
<section class="page-trade">
    <div class="page-trade-clearing">
        <header class="page-header">
            <div class="header-wrap">
                <h3>实盘-点买美原油</h3>
                <a href="#/index" class="nav-left">
                    <i class="icon-back"></i>
                </a>
                <a href="tradeRule.html" class="nav-right">规则</a>
            </div>
        </header>
        <div class="trade-menu">
            <ul>
                <li class="m-buy"><a href="#/outerTrade">点买</a></li>
                <li class="m-sell"><a href="outerTradeSell.html">点卖</a></li>
                <li class="m-result"><a href="#/outerTradeResult">结算</a></li>
            </ul>
        </div>
        <div class="mod-clearing" style="padding-bottom: 0">
            <div class="list-wrap">
                <div class="wrap">
                    <ul class="row-1">
                        <li class="txt-s16">美原油－CL1606</li>
                        <li class="txt-center txt-s12">2016.5.10 10:00:00</li>
                        <li class="txt-right txt-s12">触发休市平仓</li>
                    </ul>
                    <div class="row-2">
                        <ul class="clearfix">
                            <li class="fl">
                                <p class="title txt-red">看涨1手</p>
                                <p>买入41.78</p>
                                <p>卖出41.88</p>
                            </li>
                            <li class="fl">
                                <p class="title txt-green">+660</p>
                                <p>止盈6600</p>
                                <p>止损-1320</p>
                            </li>
                            <li class="fr pt15">
                                <div class="state">结算成功</div>
                            </li>
                        </ul>
                        <p class="pt5">600元 = 您得594元 + 投资人得66元</p>
                    </div>
                    <div class="row-3">
                        <!--<ul>-->
                        <!--<li class="clearfix">订单号<span class="fr">ID123456</span></li>-->
                        <!--<li class="clearfix">买入类型<span class="fr">市场买入</span></li>-->
                        <!--<li class="clearfix">买入时间<span class="fr">2016.5.10 10:00:00</span></li>-->
                        <!--<li class="clearfix">合同详情<a href="" class="fr txt-blue">查看合同</a></li>-->
                        <!--</ul>-->
                        <div class="desc">查看详情</div>
                    </div>
                </div>
                <div class="wrap">
                    <ul class="row-1">
                        <li class="txt-s16">美原油－CL1606</li>
                        <li class="txt-center txt-s12">2016.5.10 10:00:00</li>
                        <li class="txt-right txt-s12">触发休市平仓</li>
                    </ul>
                    <div class="row-2">
                        <ul class="clearfix">
                            <li class="fl">
                                <p class="title txt-red">看涨1手</p>
                                <p>买入41.78</p>
                                <p>卖出41.88</p>
                            </li>
                            <li class="fl">
                                <p class="title txt-green">+660</p>
                                <p>止盈6600</p>
                                <p>止损-1320</p>
                            </li>
                            <li class="fr pt15">
                                <div class="state">结算成功</div>
                            </li>
                        </ul>
                        <p class="pt5">600元 = 您得594元 + 投资人得66元</p>
                    </div>
                    <div class="row-3">
                        <!--<ul>-->
                        <!--<li class="clearfix">订单号<span class="fr">ID123456</span></li>-->
                        <!--<li class="clearfix">买入类型<span class="fr">市场买入</span></li>-->
                        <!--<li class="clearfix">买入时间<span class="fr">2016.5.10 10:00:00</span></li>-->
                        <!--<li class="clearfix">合同详情<a href="" class="fr txt-blue">查看合同</a></li>-->
                        <!--</ul>-->
                        <div class="desc">查看详情</div>
                    </div>
                </div>
                <div class="wrap">
                    <ul class="row-1">
                        <li class="txt-s16">美原油－CL1606</li>
                        <li class="txt-center txt-s12">2016.5.10 10:00:00</li>
                        <li class="txt-right txt-s12">触发休市平仓</li>
                    </ul>
                    <div class="row-2">
                        <ul class="clearfix">
                            <li class="fl">
                                <p class="title txt-red">看涨1手</p>
                                <p>买入41.78</p>
                                <p>卖出41.88</p>
                            </li>
                            <li class="fl">
                                <p class="title txt-green">+660</p>
                                <p>止盈6600</p>
                                <p>止损-1320</p>
                            </li>
                            <li class="fr pt15">
                                <div class="state">结算成功</div>
                            </li>
                        </ul>
                        <p class="pt5">600元 = 您得594元 + 投资人得66元</p>
                    </div>
                    <div class="row-3">
                        <!--<ul>-->
                        <!--<li class="clearfix">订单号<span class="fr">ID123456</span></li>-->
                        <!--<li class="clearfix">买入类型<span class="fr">市场买入</span></li>-->
                        <!--<li class="clearfix">买入时间<span class="fr">2016.5.10 10:00:00</span></li>-->
                        <!--<li class="clearfix">合同详情<a href="" class="fr txt-blue">查看合同</a></li>-->
                        <!--</ul>-->
                        <div class="desc">查看详情</div>
                    </div>
                </div>
                <div class="wrap">
                    <ul class="row-1">
                        <li class="txt-s16">美原油－CL1606</li>
                        <li class="txt-center txt-s12">2016.5.10 10:00:00</li>
                        <li class="txt-right txt-s12">触发休市平仓</li>
                    </ul>
                    <div class="row-2">
                        <ul class="clearfix">
                            <li class="fl">
                                <p class="title txt-red">看涨1手</p>
                                <p>买入41.78</p>
                                <p>卖出41.88</p>
                            </li>
                            <li class="fl">
                                <p class="title txt-green">+660</p>
                                <p>止盈6600</p>
                                <p>止损-1320</p>
                            </li>
                            <li class="fr pt15">
                                <div class="state">结算成功</div>
                            </li>
                        </ul>
                        <p class="pt5">600元 = 您得594元 + 投资人得66元</p>
                    </div>
                    <div class="row-3">
                        <!--<ul>-->
                        <!--<li class="clearfix">订单号<span class="fr">ID123456</span></li>-->
                        <!--<li class="clearfix">买入类型<span class="fr">市场买入</span></li>-->
                        <!--<li class="clearfix">买入时间<span class="fr">2016.5.10 10:00:00</span></li>-->
                        <!--<li class="clearfix">合同详情<a href="" class="fr txt-blue">查看合同</a></li>-->
                        <!--</ul>-->
                        <div class="desc">查看详情</div>
                    </div>
                </div>
                <div class="wrap">
                    <ul class="row-1">
                        <li class="txt-s16">美原油－CL1606</li>
                        <li class="txt-center txt-s12">2016.5.10 10:00:00</li>
                        <li class="txt-right txt-s12">触发休市平仓</li>
                    </ul>
                    <div class="row-2">
                        <ul class="clearfix">
                            <li class="fl">
                                <p class="title txt-red">看涨1手</p>
                                <p>买入41.78</p>
                                <p>卖出41.88</p>
                            </li>
                            <li class="fl">
                                <p class="title txt-green">+660</p>
                                <p>止盈6600</p>
                                <p>止损-1320</p>
                            </li>
                            <li class="fr pt15">
                                <div class="state">结算成功</div>
                            </li>
                        </ul>
                        <p class="pt5">600元 = 您得594元 + 投资人得66元</p>
                    </div>
                    <div class="row-3">
                        <ul>
                            <li class="clearfix">订单号<span class="fr">ID123456</span></li>
                            <li class="clearfix">买入类型<span class="fr">市场买入</span></li>
                            <li class="clearfix">买入时间<span class="fr">2016.5.10 10:00:00</span></li>
                            <li class="clearfix">合同详情<a href="" class="fr txt-blue">查看合同</a></li>
                        </ul>
                        <div class="desc">收起</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
</body>
</html>